<template>
  <mt-swipe :auto="4000" class="swiperContainer">
  <mt-swipe-item v-for="item in swiperList" :key="item.id">
     <!-- <mt-swipe-item v-for="item in list" :key="item.id"> -->
    <img :src="item.imgUrl" alt="">
  </mt-swipe-item>
  
</mt-swipe>
  
</template>

<script>
export default {
    name:'HomeSwiper',
    // props: {
    //           list: Array
    //         },
    //props接收传递请求过来的数据，属性绑定的形式，规定了数据类型
    data() {
        return {
            swiperOption:{
              pagination:'.swiper-pagination',
              loop:true,
            },
            swiperList:[{
              id:'001',
              imgUrl:'http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20195/dc11f0bb94057224b104a2017f313e21.jpg_750x200_feee379d.jpg'
            },
            {
              id:'002',
              imgUrl:'http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20193/d7bbc21db442366a882e04ddc984669a.jpg_750x200_85e640d9.jpg'
            },
            {
              id:'003',
              imgUrl:'http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20194/17e2352b857f66e9d2948e98dc483bc2.jpg_750x200_2857d0a3.jpg'
            }]
        }
    },
}
</script>

<style lang="stylus" scoped>

.swiperContainer {
  height:100px;
  background-color :#eee;
    img{
      width :100%;
    }
}
      

</style>
